<template>
  <div class="footer">
    <div class="footer-content-container">
      <ul class="footer-content-container-ul">
        <li>
          <a href="###">关于我们</a>
        </li>
        <span>|</span>
        <li>
          <a href="###">用户隐私政策</a>
        </li>
        <span>|</span>
        <li>
          <a href="###">用户服务协议</a>
        </li>
        <span>|</span>
        <li>
          <a href="###">联系我们</a>
        </li>
      </ul>
      <div class="address">
        <div class="weixin"></div>
        <div class="dianhua"></div>
      </div>
      <div class="copy_right">
        <p>Copyright © 2010-2022 南京爱一格网络科技有限公司 版权所有</p>
        <p>经营性许可证编号： 苏B2-20180515 <img
            style="width: 20px; height: 20px; padding: 0px; margin: 0; vertical-align: middle;"
            src="https://rs.dance365.com/jinying.png"> 苏网文〔2021〕4647-106号</p>
        <p><a href="###">苏ICP备20036081号</a></p>
        <p><a href="###"><img style="width: 20px; height: 20px; padding: 0px; margin: 0; vertical-align: middle;" src="https://rs.dance365.com/pc/gongan.png
"> 苏公网安备 32010602010735号</a></p>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "Footer",
});
</script>

<script setup lang="ts"></script>

<style scoped lang="less">
  a{
    color: #FFF;
  }
.footer {
  color: #111;
  text-align: center;
  background-color: #221f23;
  color: #b1b5c1;
  font-size: 14px;
  min-width: 1200px;

  .footer-content-container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 40px 18px;

    .footer-content-container-ul {
      display: flex;
      font-size: 14px;
      justify-content: center;
      text-align: center;
      list-style: none;

      li {
        width: 277px;
        height: 18px;
      }
    }

    .address {
      text-align: center;
      margin: 28px auto 30px;
      display: flex;
      justify-content: center;
      text-align: center;

      .weixin {
        font-family: "iconfont";
        content: "\e62c";
        margin: 0% 35px;
        width: 26px;
        height: 24px;
        background: url(https://rs.dance365.com/img/weChat_normal.a1769059.svg) no-repeat;
        background-size: 100% 100%;
      }

      .dianhua {
        font-family: "iconfont";
        content: "\e671";
        font-size: 28px;
        margin: 0% 35px;
        width: 24px;
        height: 22px;
        background: url(https://rs.dance365.com/img/phone_normal.86835eeb.svg) no-repeat;
        background-size: 100% 100%;
      }
    }

    .copy_right {
      text-align: center;
      font-size: 14px;
      display: block;

      p {
        display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
      }
    }
  }
}
</style>